<template>
  <div class="set">
       <van-nav-bar
      title="设置"
      left-arrow
      @click-left="onClickLeft"
    />
      <van-cell title="账号与安全" is-link />
      <van-button size="large" @click="out">退出登录</van-button>
  </div>
</template>

<script>
import router from "../../router";
import axios from 'axios'
import { Dialog } from 'vant';
export default {
name:'set',
data(){
  return{
    checked:false,
  }
},
methods:{
    onClickLeft() {
      router.go(-1);
    },
    out(){
      Dialog.confirm({
        title: '确认退出最右?',
      })
     .then(() => {
     this.$router.push('./login')
    })
    .catch(() => {
    // on cancel
   });    
    }
 }
}
</script>

<style lang="less" scoped>
/deep/.van-icon {
  color: black;
}
/deep/.van-cell::after{
  border-bottom: 1px solid #ffffff;
}
/deep/.van-button{
  margin-bottom: 0;
 
}
</style>
